import { Routes, Route } from "react-router-dom";

import QuestionsPage from "../../router/Question/QuestionPage";
import TagsPage from "../../router/Tags/TagsPage";
import LoginRegisterPage from "../LoginRegister/components/AuthTabs";
import QuestionDetailPage from "../../router/Question/QuestionDetails";
import SendQuestionPage from "../../router/Question/SendQuestion";
import HomePage from "../../router/home/index";
import MyProfilePage from "../../router/User/UserProfile";
import MyQuestionList from "../../router/User/UserQuestionList";

const MainContent = () => {
  return (
    <div className="flex-1 p-4 overflow-y-auto">
      <Routes>
        <Route path="/user" element={<HomePage />} />
        <Route path="/questions" element={<QuestionsPage />} />
        <Route path="/tags" element={<TagsPage />} />
        <Route path="/login" element={<LoginRegisterPage />} />
        <Route path="/MyProfile" element={<MyProfilePage />}></Route>
        <Route path="/questionDetails/:id" element={<QuestionDetailPage />} />
        <Route path="/sendQuestion" element={<SendQuestionPage />} />
        <Route path="/MyQuestionList" element={<MyQuestionList />} />
      </Routes>
    </div>
  );
};

export default MainContent;
